<template>
  <div class="serverbox">
    <div class="box-server">
      <div class="box-table">
        <el-scrollbar style="height:100%">

        </el-scrollbar>
        <el-table :data="tableData"
                  style="width: 100%;height:calc(100% - 20px)"
                  border
                  max-height="800">
          <el-table-column label="参数说明">
            <template slot-scope="scope">
              <span style="margin-left: 10px">{{ scope.row.explain }}</span>
            </template>
          </el-table-column>
          <el-table-column label="参数值">
            <template slot-scope="scope">
              <el-input size="mini"
                        placeholder="输入关键字搜索" />
            </template>
          </el-table-column>
          <el-table-column label="变量名">
            <template slot-scope="scope">
              <span style="margin-left: 10px">{{ scope.row.Variablename }}</span>
            </template>
          </el-table-column>
          <el-table-column label="参数说明">
            <template slot-scope="scope">
              <span style="margin-left: 10px">{{ scope.row.Parameter }}</span>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [{
        explain: 'XMPP 心跳超时值',
        name: 15,
        Variablename: 'XMPPTimeout',
        Parameter: "此值为秒数，超过这个秒数未收到心跳则视为离线；同时重启Tigase才能生效"
      }, {
        explain: '是否启用消息回执',
        name: 15,
        Variablename: 'isOpenReceipt',
        Parameter: "默认为关闭，使用流管理的回执"
      }, {
        explain: '是否开启短信验证码',
        name: 15,
        Variablename: 'isOpenSMSCode',
        Parameter: "默认为关闭，使用流管理的回执"
      }, {
        explain: '是否开启集群模式',
        name: 15,
        Variablename: 'isOpenCluster',
        Parameter: ""
      },
      {
        explain: 'HTTP是否安全验证',
        name: 15,
        Variablename: 'isOpenCluster',
        Parameter: ""
      },
      {
        explain: '手机号搜索用户',
        name: 15,
        Variablename: 'telephoneSearchUser',
        Parameter: ""
      },
      {
        explain: '昵称搜索用户',
        name: 15,
        Variablename: 'nicknameSearchUser	',
        Parameter: ""
      },
      {
        explain: '手机号登陆',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      }, {
        explain: '用户ID登陆',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      }, {
        explain: '使用手机号或者用户名注册',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      }, {
        explain: '注册邀请码',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      },
      {
        explain: '敏感词过滤',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      },
      {
        explain: '保存单聊聊天记录',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      },
      {
        explain: '保存群聊聊天记录',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      },
      {
        explain: 'iOS推送平台',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      },
      {
        explain: '是否开启voip推送',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      },
      {
        explain: '短信服务支持',
        name: 15,
        Variablename: 'isTelephoneLogin	',
        Parameter: ""
      },
      ],
      search: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.serverbox {
  height: 100%;
  .box-server {
    height: 100%;
    background-color: #ffff;
    margin: 20px 20px 20px 20px;
    .box-table {
      overflow-x: auto;
      padding: 20px 20px 20px 20px;
    }
  }
}
::v-deep .el-table th {
  background-color: #f2f2f2 !important;
}
</style>
